<!DOCTYPE HTML>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>攻略站详情页</title>
<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no">
	<meta http-equiv="Cache-Control" content="max-age=0">
	<meta name="apple-touch-fullscreen" content="yes">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<link rel="stylesheet" type="text/css" href="/redots/css/mxm/video/marketbase2014.h5.css" media="screen" />
</head>
<body>
<style>
img{ display:block; width:100%;}
body,div,html{ padding:0; margin:0;}
body{ width:100%; min-height:100%; position:absolute; background-color:#121010;}
img{ width:100%; display:block; border:none;}
.main{ position:relative; width:100%; overflow:hidden; margin:0 auto;}

.main .gonglue{ position:relative; width:100%; z-index:2; margin:0 auto; overflow:hidden;}
.main .gonglue .hd{ position:relative; z-index:2;}
.main .gonglue .hd .bg{ position:relative; z-index:1;}
.main .gonglue .hd .more{ position:absolute; width:30%; height:100%; display:block; left:0; top:0; z-index:2;}
.main .gonglue .hd .more span{ position:relative; display:block;width:25%; padding:10%; }
.main .gonglue .hd .title{ position:absolute; color:#fff3eb; left:50%; width:90%; height:50%; margin-left:-45%; font-size:90%; z-index:2;
 margin-top:5px; top:0; text-align:center; font-weight:bold;}
.main .gonglue .hd .title p{ display:block; height:100%; position:relative;}
.main .gonglue .hd .title p ifrmae{ position:relative; width:256px; margin:0 auto; height:200px; overflow:hidden;}


.main .gonglue .bd{ position:relative; width:100%; overflow:hidden;background-image:url(/redots/images/mxm/video/scroll.jpg); background-repeat:repeat-y; background-size:100%;margin-top:-20px; z-index:1;}
.main .gonglue .debuff{ position:relative; height:20px; }

.main .gonglue .detail{ position:relative; margin:0 auto; width:80%; overflow:hidden;}
.main .gonglue .detail .title{ color:#ffe0c5; text-align:center; font-size:22px; padding:10px 0 10px 0;}
.main .gonglue .detail .content{ font-size:18px;color:#ffffff;}


@media screen and (max-height: 500px) {
}
</style>
<div class="main">
	<div class="gonglue">
		<div class="hd">
			<div class="bg"><img src="/redots/images/mxm/video/listop.jpg" /></div>
			<div class="title"><p>{{ post.term.name }}</p></div>
			<a class="more" href="{{ path("yearnfar_redots_mxm_video") }}#{{ post.term.identify }}"><span><img src="/redots/images/mxm/video/back.png" /></span></a>
		</div>
		<div class="bd">
			<div class="debuff"></div>
			<div class="detail">
				<div class="title">{{ post.title }}</div>
				<div class="content">
					<p><iframe frameborder="0" width="100%" height="200" src="{{ post.content | raw }}" allowfullscreen></iframe></p>
				</div>
			</div>
		</div>
		<div class="end"><img src="/redots/images/mxm/video/end.jpg" /></div>
	</div>
	
</div>
<!-- E 你的代码写在这里（结构样式脚本） --> 
<script type="text/javascript" src="/redots/js/zepto-1.1.4.min.js"></script>
<script>
$(document).ready(function () {
	
})
</script>
</body>
</html>